#footer{
    box-sizing: border-box;
    padding-top: 0.5rem;
    position: fixed;
    width: 100%;
    height: 3rem;
    background-color: #FFFFFF;
    font-size: 0.5rem;
    bottom: 0;
    color: #999999;
    z-index: 1000;
}

#footer .home,
#footer .find,
#footer .order,
#footer .mine {
    width: 25%;
    text-align: center;
    float: left;
}


#footer .active
 {
    color: cornflowerblue !important;
}

#footer span {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto ;
}


#footer .home span {
    background: url(/elmDemo/app/img/index/shopping_home_tab_take_out.png)  center center no-repeat;
    background-size: contain;
}
#footer .home .bgImgSrc {
    background: url(/elmDemo/app/img/index/shopping_home_tab_take_out_selected.png) center center no-repeat;
    background-size: contain;
}
#footer .find span {
    background: url(/elmDemo/app/img/index/shopping_home_tab_found.png) center center no-repeat;
    background-size: contain;
}
#footer .find .bgImgSrc {
    background: url(/elmDemo/app/img/index/shopping_home_tab_found_selected.png) center center no-repeat;
    background-size: cover;
}
#footer .order span {
    background: url(/elmDemo/app/img/index/shopping_home_tab_order.png) center center no-repeat;
    background-size: cover;
}
#footer .order .bgImgSrc {
    background: url(/elmDemo/app/img/index/shopping_home_tab_order_selected.png) center center no-repeat;
    background-size: cover;
}
#footer .mine span {
    background: url(/elmDemo/app/img/index/shopping_home_tab_personal.png) center center no-repeat;
    background-size: cover;
}
#footer .mine .bgImgSrc {
    background: url(/elmDemo/app/img/index/shopping_home_tab_personal_selected.png) center center no-repeat;
    background-size: cover;
}